<template>
  <g-cell-group title="分组标题">
    <g-cell size="large" icon="location-o" title="单元格" value="内容"></g-cell>
  </g-cell-group>
  <g-cell title="单元格" center value="内容" label="描述信息"></g-cell>
  <g-cell icon="location-o" title="单元格" value="内容"></g-cell>
  <g-cell isLink title="标题" value="内容"></g-cell>
  <g-cell to="/button" isLink title="路由跳转"></g-cell>
  <g-cell url="/button" isLink title="Url跳转"></g-cell>
  <g-cell title="哈哈哈" value="插槽">
    <template #title>
      <h3>自定义标题</h3>
    </template>
    <template #default>自定义value内容</template>
    <template #icon>
      <g-icon class="icon" icon-class="chart" />
    </template>
    <template #extra>右侧额外内容</template>
  </g-cell>
    <g-tabbar route :active="active">
        <g-tabbar-item  to="/" icon="shouye">首页</g-tabbar-item>
        <g-tabbar-item to="/icon" icon="dingdan">图标</g-tabbar-item>
        <g-tabbar-item  to="/button" icon="zantong">按钮</g-tabbar-item>
        <g-tabbar-item to="/cell"  icon="leimu">单元格</g-tabbar-item>
    </g-tabbar>
</template>
<script>
export default {
  data(){
    return{
      active:3
    }
  },
  setup() {}
};
</script>
<style lang="scss"  scoped>
</style>